<template>
	<view>
		<!-- 订单信息 -->
					<view class="order-detail">
						<view style="height: 100rpx; line-height: 100rpx; font-size: 32rpx;
		font-weight: bold;
		color: #333333;margin-top: 30rpx;">
							订单信息
						</view>
						<view class="numbering">
							订单编号：<text class="txt">{{orderDetail.orderNumber}}</text>
						</view>
						<view class="amount">
							订单金额：<text class="txt">￥{{orderDetail.orderPrice}}</text>
						</view>
						<view class="packet">
							使用红包：<text class="txt">{{orderDetail.hb}}</text>
						</view>
						<view class="remark">
							订单备注：<text class="txt">{{orderDetail.memo}}</text>
						</view>
					</view>
	</view>
</template>

<script>
	export default {
		name:"my-orderinfo",
		props:{
			orderDetail:{
				type:Object,
				default:{}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.order-detail {
		font-size: 26rpx;
		font-weight: 400;
		color: #333333;
		margin-bottom: 30rpx;

		.numbering,
		.amount,
		.packet,
		.remark {
			font-size: 28rpx;
			height: 65rpx;
			line-height: 65rpx;

			.txt {
				font-size: 28rpx;
				font-weight: 400;
				color: #898989;
				margin-left: 38rpx;
			}
		}

	}
</style>
